<!--
 * @Author: wangzhichiao<https://github.com/wzc570738205>
 * @Date: 2020-03-12 20:16:22
 * @LastEditors: wangzhichiao<https://github.com/wzc570738205>
 * @LastEditTime: 2020-05-09 23:22:09
 -->
<template>
  <div id="app">
<!--     <transition name="fade" mode="out-in"> -->
      <router-view></router-view>
 <!--    </transition> -->
  </div>
</template>

<script>
export default {
  name: "App"
};
</script>
<style>
#app{
      border-color: rgba(121, 121, 121, 1);
}
/* 载入动画效果 */
.fade-enter-active, .fade-leave-active {
	transition: all .1s ease;
}
.fade-enter,.fade-leave-active {
	opacity: 0;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

/**自定义滚动条 */
::-webkit-scrollbar {
  width: 6px;
  height: 10px;
  background-color: transparent;
  cursor: pointer;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent;
  width: 0px;
  cursor: pointer;
}
::-webkit-scrollbar-thumb {
  width: 0px;
  border-radius: 10px;
  background-color: rgba(144, 147, 153, 0.3);
  transition: background-color .3s;
  cursor: pointer;
}
</style>
